---
title: "new modal · RUAL Documentation"
description: "Builds a custom modal"
canonical: https://docs.rual.nl/block-types/state ui/state_flow_modal
language: en
---

# new modal

This block is part of the [`state ui`](https://docs.rual.nl/block-types/state%20ui) group and was last modified in core [`v10.4.28`](https://docs.rual.nl/core-versions/100428).

Builds a custom modal

- flow `flow`

- connection `modalconnection` The connection of the modal.

- Data `object` The data object that is send to the modal.

A typical wiring for [new modal](https://docs.rual.nl/block-types/state%20ui/state_flow_modal): the `flow` out pin feeds [debug](https://docs.rual.nl/block-types/state%20ui/state_debug).

![Studio canvas example for the new modal block: typical wiring for new modal.](https://docs.rual.nl/canvas-examples/state_flow_modal.png)

### Commonly used with

In production blueprints, this block is most often wired together with:

- [div](https://docs.rual.nl/block-types/state%20ui/state_div): this block feeds into it. Creates a dynamic and customizable div element on your web page.

### Used in these guides

These documentation pages use or explain this block:

- [Core Concepts](https://docs.rual.nl/getting-started/core-concepts)

### Version history

Introduced in [`v10.4.28`](https://docs.rual.nl/core-versions/100428).